<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="never">
    <script src="../js/polyfill.js"></script>
    <title>Document</title>
    <link rel="stylesheet" href="../css/list.css">
</head>
<body>
      <div class="box container">
          <ul class="category">
              <li class="cate active">产品类型</li>
              <li class="cate">滚筒洗衣机</li>
              <li class="cate">洗烘一体机</li>
              <li class="cate">波轮洗衣机</li>
              <li class="cate">双桶洗衣机</li>
              <li class="cate">迷你洗衣机</li>
              <li class="cate">干衣机</li>
              <li class="cate">脱水机</li>
              <li class="cate">洗鞋机</li>
          </ul>
          <ul class="filter">
              <li class=" f active">洗涤容量</li>
              <li class="f">10kg及以上</li>
              <li class="f">8.1-9.9kg</li>
              <li class="f">7.1-8kg</li>
              <li class="f">5.1-7kg</li>
              <li class="f">5kg及一下</li>
          </ul>
          <ul class="sort">
              <li class=" sort2 active">默认</li>
              <li data-type='id' data-method='ASC' class="sort2">价格 升序</li>
              <li data-type='id' data-method='DESC' class="sort2">价格 降序</li>
          </ul>
          <div class="pagination">
              <span class="pageInfo">1 / 1</span>
              <button class="prev active">上一页</button>
              <button class="next">下一页</button>
              <select >
                 <option value="4">4</option>
                 <option value="8">8</option>
                 <option value="12">12</option>
              </select>
          </div>
          <!-- <div class="searchBox">
              <input type="text">
          </div> -->
      </div>
        <ul class="centen">
        </ul>
      <script src="../js/utils.js"></script>
      <script src="../js/list.js"></script>
</body>
</html>